<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        body {
            background-color: darkslategrey;
            font: 45px raleway;
            color: #8aa;
            letter-spacing: 10px;
            text-align: center;
        }
        .outlined {
            color: darkslategrey;
            text-shadow: 0px 0px 0.1px black, 0px 0px 0.1px black, 0px 0px 0.1px black, 0px 0px 0.1px black, 0px 1px 0.1px black, 0px 1px 0.1px black, 0px -1px 0.1px black, 0px -1px 0.1px black, 0px 2px 0.1px black, 0px 2px 0.1px black, 0px -2px 0.1px black, 0px -2px 0.1px black, 1px 0px 0.1px black, -1px 0px 0.1px black, -1px 0px 0.1px black, 1px 0px 0.1px black, 1px 1px 0.1px black, -1px 1px 0.1px black, -1px -1px 0.1px black, 1px -1px 0.1px black, 1px 2px 0.1px black, -1px 2px 0.1px black, -1px -2px 0.1px black, 1px -2px 0.1px black, 2px 0px 0.1px black, -2px 0px 0.1px black, -2px 0px 0.1px black, 2px 0px 0.1px black, 2px 1px 0.1px black, -2px 1px 0.1px black, -2px -1px 0.1px black, 2px -1px 0.1px black, 2px 2px 0.1px black, -2px 2px 0.1px black, -2px -2px 0.1px black, 2px -2px 0.1px black, 0px 0px 0px rgba(0, 0, 0, 0);
        }
        .engraved {
            color: #2b4949;
            text-shadow: 0px 0px rgba(255, 255, 255, 0.03333), 0px 0px rgba(0, 0, 0, 0.2), -0.5px 0.5px rgba(255, 255, 255, 0.03333), 0.5px -0.5px rgba(0, 0, 0, 0.2), -1px 1px rgba(255, 255, 255, 0.03333), 1px -1px rgba(0, 0, 0, 0.2), -1.5px 1.5px rgba(255, 255, 255, 0.03333), 1.5px -1.5px rgba(0, 0, 0, 0.2), -2px 2px rgba(255, 255, 255, 0.03333), 2px -2px rgba(0, 0, 0, 0.2), 0px 0px 40px rgba(255, 255, 255, 0.1);
        }
        .embossed {
            color: #315252;
            text-shadow: 0px 0px rgba(0, 0, 0, 0.2), 0px 0px rgba(255, 255, 255, 0.2), -0.5px 0.5px rgba(0, 0, 0, 0.2), 0.5px -0.5px rgba(255, 255, 255, 0.2), -1px 1px rgba(0, 0, 0, 0.2), 1px -1px rgba(255, 255, 255, 0.2), -1.5px 1.5px rgba(0, 0, 0, 0.2), 1.5px -1.5px rgba(255, 255, 255, 0.2), 0px 0px 4.5px #000;
        }
        .rainbows {
            color: white;
            text-shadow: -0.2px 0.2px 0 #b83e2e, -0.4px 0.4px 0 #b84f2e, -0.6px 0.6px 0 #b85f2e, -0.8px 0.8px 0 #b8702e, -1px 1px 0 #b8812e, -1.2px 1.2px 0 #b8912e, -1.4px 1.4px 0 #b8a22e, -1.6px 1.6px 0 #b8b22e, -1.8px 1.8px 0 #adb82e, -2px 2px 0 #9cb82e, -2.2px 2.2px 0 #8cb82e, -2.4px 2.4px 0 #7bb82e, -2.6px 2.6px 0 #6ab82e, -2.8px 2.8px 0 #5ab82e, -3px 3px 0 #49b82e, -3.2px 3.2px 0 #39b82e, -3.4px 3.4px 0 #2eb833, -3.6px 3.6px 0 #2eb844, -3.8px 3.8px 0 #2eb854, -4px 4px 0 #2eb865, -4.2px 4.2px 0 #2eb876, -4.4px 4.4px 0 #2eb886, -4.6px 4.6px 0 #2eb897, -4.8px 4.8px 0 #2eb8a7, -5px 5px 0 #2eb8b8, -5.2px 5.2px 0 #2ea7b8, -5.4px 5.4px 0 #2e97b8, -5.6px 5.6px 0 #2e86b8, -5.8px 5.8px 0 #2e76b8, -6px 6px 0 #2e65b8, -6.2px 6.2px 0 #2e54b8, -6.4px 6.4px 0 #2e44b8, -6.6px 6.6px 0 #2e33b8, -6.8px 6.8px 0 #392eb8, -7px 7px 0 #492eb8, -7.2px 7.2px 0 #5a2eb8, -7.4px 7.4px 0 #6a2eb8, -7.6px 7.6px 0 #7b2eb8, -7.8px 7.8px 0 #8c2eb8, -8px 8px 0 #9c2eb8, -8.2px 8.2px 0 #ad2eb8, -8.4px 8.4px 0 #b82eb2, -8.6px 8.6px 0 #b82ea2, -8.8px 8.8px 0 #b82e91, -9px 9px 0 #b82e81, -9.2px 9.2px 0 #b82e70, -9.4px 9.4px 0 #b82e5f, -9.6px 9.6px 0 #b82e4f, -9.8px 9.8px 0 #b82e3e, -10px 10px 0 #b82e2e, 0px 0px 0px rgba(0, 0, 0, 0);
        }
        .stickers {
            color: indigo;
            text-shadow: 0px 0px 0px #ffd, 0px 0px 0px #ffd, 0px 0px 0px #ffd, 0px 0px 0px #ffd, 0px 1px 0px #ffd, 0px 1px 0px #ffd, 0px -1px 0px #ffd, 0px -1px 0px #ffd, 0px 2px 0px #ffd, 0px 2px 0px #ffd, 0px -2px 0px #ffd, 0px -2px 0px #ffd, 1px 0px 0px #ffd, -1px 0px 0px #ffd, -1px 0px 0px #ffd, 1px 0px 0px #ffd, 1px 1px 0px #ffd, -1px 1px 0px #ffd, -1px -1px 0px #ffd, 1px -1px 0px #ffd, 1px 2px 0px #ffd, -1px 2px 0px #ffd, -1px -2px 0px #ffd, 1px -2px 0px #ffd, 2px 0px 0px #ffd, -2px 0px 0px #ffd, -2px 0px 0px #ffd, 2px 0px 0px #ffd, 2px 1px 0px #ffd, -2px 1px 0px #ffd, -2px -1px 0px #ffd, 2px -1px 0px #ffd, 2px 2px 0px #ffd, -2px 2px 0px #ffd, -2px -2px 0px #ffd, 2px -2px 0px #ffd, 0px 0px 0px rgba(0, 0, 0, 0), -4px 2px 2px black;
        }
        .thickness {
            color: #8aa;
            text-shadow: 0px 1px 0 #4a6868, 0px 2px 0 #405959, 0px 3px 0 #354a4a, 0px 0px 0px rgba(0, 0, 0, 0), -4px 4px 6px black;
        }
    </style>
</head>
<body>
<span class="outlined">OUTLINED</span>
<br /><span class="engraved">ENGRAVED</span>
<br /><span class="embossed">EMBOSSED</span>
<br /><span class="rainbows">RAINBOWS</span>
<br /><span class="stickers">STICKERS</span>
<br /><span class="thickness">THICKNESS</span>
</body>
</html>